

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 190px; /*position where enlarged image should offset horizontally */

}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: grey;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #FFFFCC; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: grey;
}

.sidebarmenu ul li a:hover{
background-color: #CC9;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */


}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

a {
	color: #0066CC;
	text-decoration: underline;
}

a:hover {
	color: #990000;
	text-decoration: none;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #006600;
}
.highlighttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ff0000;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #996600;
}
.subtitlegreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #99FF99;
}
.subtitleblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #33FFFF;
}
.subtitlered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EC5519;
	
}
.subtitlegrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	
}
.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
		
}

.note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}

A IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.ClipHeadline {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt
}
.hockeystick {
	PADDING-RIGHT: 5px; PADDING-LEFT: 8px; FONT-SIZE: 12pt; PADDING-BOTTOM: 5px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #999966
}
.maintext {
	FONT-SIZE: 12pt;
	WIDTH: auto;
	COLOR: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-weight: normal;
}
.maintextred {
	FONT-SIZE: 12pt;
	WIDTH: auto;
	COLOR: #600;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-weight: bold;
}
.maintextwhite {
	FONT-SIZE: 12pt;
	WIDTH: auto;
	COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-weight: bold;
}
.maintextsandlarge {
	FONT-SIZE: 14pt;
	WIDTH: auto;
	COLOR: #999966;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: normal;
	font-weight: bold;
}
.PersCategory {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; FONT-FAMILY: tahoma, arial, sans-serif; BACKGROUND-COLOR: #ffffff
}
.quote {
	MARGIN: 0px 0px 5px 8px
}
<style type="text/css">

.shadowblockmenu{
font-weight: bold;
font-size: 85%;
width: 100%;
}

.shadowblockmenu ul{
border: 1px solid #BBB;
border-width: 1px 0; /* Show only top and bottom border for main menu container */
padding: 0;
margin: 0;
overflow: hidden;
}

.shadowblockmenu ul li{
display: inline;
margin:0;
padding:0;
}

.shadowblockmenu ul li a{
display:block;
float:left;
text-transform: uppercase;
color: #494949;
padding: 8px 15px 8px 9px;
margin: 0;
text-decoration: none;
border-right: 1px solid #BBB; /*right border between menu items*/
-moz-box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.4) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4);
box-shadow: inset -7px 0 10px rgba(114,114,114, 0.4);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


.shadowblockmenu li:nth-of-type(1) a{ /* Extra style for first menu link */
border-left: 1px solid #BBB; /* add border to left side of first menu link */
padding-left:25px;
background: url(media/onebit_home.png) 1px center no-repeat; /* Add icon */
}

.shadowblockmenu li:nth-of-type(2) a{ /* Extra style for 2nd menu link */
padding-left:25px;
background: url(media/onebit_bulb.png) 1px center no-repeat; /* Add icon */
}

.shadowblockmenu ul li a:hover{
color: black;
-moz-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6); /* Add 2 inset shadows to each menu item  */
-webkit-box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
box-shadow: inset -7px 0 10px rgba(60,162,221, 0.4), inset 0 0 12px rgba(60,162,221, 0.6);
}

</style>
